<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p></p>
    <p></p>
    <p></p>
    
    <script src="d3.min.js"></script>
    <script>
    //    // 创建数据
    //     var dataset = [10, 20, 30, 40, 50];

    //     // 选择 <canvas> 元素
    //     var canvas = d3.select("body")
    //     .append("canvas")
    //     .attr("width", 500)
    //     .attr("height", 300)
    //     .node();

    //     // 获取 2D 上下文
    //     var context = canvas.getContext("2d");

    //     // 绘制条形图
    //     context.fillStyle = "steelblue";
    //     dataset.forEach(function(d, i) {
    //     context.fillRect(i * 50, canvas.height - d, 40, d);
    //     });
       
        // let alphabet = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZ"] ;

        // let randomLetters = function() {
        //     while (true) {
        //         yield d3.shuffle(alphabet.slice())
        //         .slice(Math.floor(Math.random() * 10) + 5)
        //         .sort(d3.ascending);
        //          Promises.delay(3000);
        //     }
        // }
        // console.log(randomLetters);


        
    </script>
</body>
</html>
